/* 暗黑破坏神2重置版主题样式 */

// 主色调
$d2r-bg-darker: #050505;
$d2r-bg-dark: #0a0a0a;
$d2r-bg-medium: #1a1a1a;
$d2r-bg-light: #2a2a2a;
$d2r-gold: #d4af37;
$d2r-red: #a52a2a;
$d2r-blue: #4169e1;
$d2r-green: #2e8b57;
$d2r-purple: #9370db;

// 文本颜色
$d2r-text: #e0e0e0;
$d2r-text-secondary: #a0a0a0;
$d2r-text-muted: #a0a0a0;
$d2r-text-disabled: #707070;

// 特殊物品颜色
$d2r-normal: #ffffff;
$d2r-magic: #4169e1;
$d2r-rare: #ffff00;
$d2r-set: #00ff00;
$d2r-unique: #a52a2a;
$d2r-crafted: #ffa500;
$d2r-runeword: #FFA07A;

// 品质颜色别名
$quality-normal: $d2r-normal;
$quality-magic: $d2r-magic;
$quality-rare: $d2r-rare;
$quality-set: $d2r-set;
$quality-unique: $d2r-unique;
$quality-crafted: $d2r-crafted;
$quality-runeword: $d2r-runeword;

// 边框和阴影
$d2r-border: #3a3a3a;
$d2r-shadow: rgba(0, 0, 0, 0.5);

// 间距
$d2r-spacing-xs: 4px;
$d2r-spacing-sm: 8px;
$d2r-spacing-md: 16px;
$d2r-spacing-lg: 24px;
$d2r-spacing-xl: 32px;

// 圆角
$d2r-radius-sm: 4px;
$d2r-radius-md: 8px;
$d2r-radius-lg: 12px;

// 动画
$d2r-transition: all 0.3s ease;

// 混合
@mixin d2r-card {
  background-color: $d2r-bg-medium;
  border-radius: $d2r-radius-md;
  padding: $d2r-spacing-md;
  box-shadow: 0 2px 8px $d2r-shadow;
}

@mixin d2r-button {
  background-color: $d2r-bg-light;
  color: $d2r-gold;
  border: 1px solid $d2r-gold;
  border-radius: $d2r-radius-sm;
  padding: $d2r-spacing-sm $d2r-spacing-md;
  transition: $d2r-transition;
  
  &:hover, &:active {
    background-color: $d2r-gold;
    color: $d2r-bg-dark;
  }
  
  &:disabled {
    border-color: $d2r-text-disabled;
    color: $d2r-text-disabled;
    background-color: $d2r-bg-medium;
  }
}

@mixin d2r-input {
  background-color: $d2r-bg-light;
  color: $d2r-text;
  border: 1px solid $d2r-border;
  border-radius: $d2r-radius-sm;
  padding: $d2r-spacing-sm;
  
  &:focus {
    border-color: $d2r-gold;
    outline: none;
  }
}

// 物品品质样式
@mixin d2r-item-normal {
  color: $d2r-normal;
}

@mixin d2r-item-magic {
  color: $d2r-magic;
}

@mixin d2r-item-rare {
  color: $d2r-rare;
}

@mixin d2r-item-set {
  color: $d2r-set;
}

@mixin d2r-item-unique {
  color: $d2r-unique;
}

@mixin d2r-item-crafted {
  color: $d2r-crafted;
}